<template>
    <div>
        <el-menu :router='true' active-text-color="#0000FF" :default-active="$route.path" class="el-menu-demo"
            mode="horizontal" @select="handleSelect">
            <el-menu-item index="/Home/technicians/techniciansNow">当班技师</el-menu-item>
            <el-menu-item index="/Home/technicians/techniciansAll">所有技师</el-menu-item>
        </el-menu>
        <div class="line"></div>

        <router-view></router-view>
        

    </div>
</template>


<script>
    export default {
        data() {
            return {
                activeIndex: '/Home/technicians/techniciansNow',
                activeIndex2: '/Home/technicians/techniciansAll'
            }
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    }
</script>

<style scoped lang="scss">
    * {
        margin: 0;
        padding: 0;
    }

    .home .el-menu {
        width: 100%;

        .el-menu-item {
            width: 50%;
            padding: 0;
        }
    }

    .el-main {
        padding: 0;
    }
</style>

<style>
    * {
        margin: 0;
        padding: 0;
    }

    .home .el-main {
        padding: 0;
    }
</style>